﻿@charset "utf-8";
/*----------------------------------------------------------------------------------------------
首页样式 - 首页样式
-------------------------------------------------------------------------------------------------*/
/*banner 切换*/
.banner{ position:relative;height:420px; overflow:hidden;width:100%;}

.banner .show{ width:1920px; position:absolute; left:50%;top:0px; margin-left:-960px; height:420px; overflow:hidden; }

.banner .show ul{ position:relative; height:420px; overflow:hidden;width:1920px; float:left; }

.banner .show ul li{text-align:center;width:1920px; float:left; height:420px; position:absolute; display:none}

.banner .focus { float: right;padding-right: 10px; padding-left:10px; bottom:0px;   background:url(/images/bor02.png) no-repeat left center; height:40px;}


.bnimgbox img{width:1920px;height:420px;overflow:hidden;}
.thumbnails {
	text-align: left;
}
div.thumbnails img {
	cursor: pointer;
	background-color: #fff;
	padding: 3px;
	display: inline-block;
	margin-left:2px;
	
}
 div.thumbnails img:hover {
	background-color: #b7bcbe;
}
 div.thumbnails img.selected {
	background-color: #a79b63;
	width:65px;height:35px;
}
/*新闻*/

.hot{ width:100%; background:url(../bg03.png) repeat-x; height:42px; line-height:42px; position:absolute; bottom:0; z-index:2}

.hot .list{ float:left; height:42px;/* font-family:'Microsoft Yahei';*/}

.hot .list .prev{ display:block; width:18px; height:15px; position:absolute; background-position:-42px -108px;top:13px;left:80px;}

.hot .list .box_btn{ display:block; width:18px; height:15px; position:absolute;background-position:-61px -108px;top:13px;left:99px;}

.hot .list .next{ display:block; width:18px; height:15px; position:absolute;background-position:-80px -108px;top:13px;left:118px}

.hot .list h2.tit{font-size:16px; width:145px; float:left;}

.hot .list  a{color:#000000}

.hot .list  a:hover{color:#f08300}

.hot .list div{ width:700px; float:left; height:42px; position:relative; overflow:hidden}

.hot .list div ul{ width:700px; position:absolute}

.hot .list div ul li em{color:#909090;}

.news-show{ background:url(bg14.png) no-repeat; height:202px; position:absolute; width:968px; padding-left:30px; z-index:3; left:50%; margin-left:-499px; top:430px}
.news-show span{padding:19px 23px 0 0; width:291px; float:left;}
.news-show span img{border:1px solid #d5d5d5;}
.news-show ul{float:left; width:584px; padding-top:10px;}
.news-show ul li{border-bottom:1px solid  #44b7e3; line-height:35px; color:#d1d2d2; font-family:'Arial'}
.news-show ul li a{ color:#FFF;}
.news-show .close-btn{ width:32px; height:32px; float:left;margin-left:18px; display:inline-block; margin-top:10px;}

/* 首页栏目 */
.index-area div.news{float: left; width:660px; height:250px;margin-bottom: 18px; padding-bottom: 0; border:1px solid #eee;border-radius:3px;background: none repeat scroll 0 0 #fff;} 
.index-area div.news_r{float:right; width:300px; height:250px;margin-bottom: 18px; padding-bottom: 0; border:1px solid #eee;border-radius:3px;background: none repeat scroll 0 0 #fff;}
.index-area div.news_r dl{width:300px; margin-right: 10px; padding-bottom: 0;}
.index-area div.news_r dt{padding-bottom: 0; height:auto;}
.index-area div.mid{float: left; width:980px; height:250px;margin-bottom:  18px; padding-bottom: 0; border:1px solid #eee;border-radius:3px;background: none repeat scroll 0 0 #fff;}

.index-area div.news_l{float:left; width:300px; height:250px;margin-bottom: 18px; padding-bottom: 0; border:1px solid #eee;border-radius:3px;background: none repeat scroll 0 0 #fff;}
.index-area div.news_l dl{width:300px; margin-right: 10px;  padding-bottom: 0;}
.index-area div.news_l dt{padding-bottom: 0; height:auto;}

.index-area div.img_mid{float: left;width:660px;height:250px; margin-left:16px;border:1px solid #eee;background: none repeat scroll 0 0 #fff;border-radius: 3px;}
.index-area div.img_mid img{float: left;width:200px;height:107px; margin-left:10px;}
.index-area .wz_h3{font-size:13px;font-weight: bold;margin-right: 5px;text-indent:1em;}

.index-area div.indextab{float:left;width:300px;height:30px; line-height: 30px;border-bottom:1px solid #d5d5d5;}
.index-area div.indextab a{float:right;margin-right:5px;}
.index-area div.indextab span{font-size:15px;float:left;margin-left:5px; font-weight: 600;}/*text-shadow: 0 0 1px #999;*/

.index-area dl dt img{ float:left;   margin:3px 10px 8px 3px; width: 130px;height:80px;}

/*首页方块*/

.index-area{width:100%; background:url(/images/bg04.jpg) repeat-x top #f7f5f8; min-height:200px; height:auto!important; height:200px; padding-bottom:20px; padding-top:23px}

.index-area dl span{float:right}
.index-area dd a{float:left}
.index-area dl{width:320px; float:left;}

.index-area img.news_l{width:320px;height:240px;float:left;margin:7px;}



.index-area dl.r{width:300px;float:right;height: 180px;}
.index-area dl dt{width:290px; line-height:23px;height:auto;margin-bottom:10px}
.index-area dl dt.news{width:600px; line-height:23px;height:140px;margin-bottom:10px}
.index-area dl dt.r{width:290px; line-height:23px;height:20px;margin-bottom:10px}
.index-area dl dt h2,.index-area dl dt a{font-size:13px;font-family:'Microsoft Yahei';color:#f08300;}

.index-area dl dd{height: 30px; line-height: 30px; width:290px; float:left; margin:0 3px 0 3px;text-indent: 5px;overflow: hidden;}
.index-area dl.c{margin:0 17px; display:inline}

/*地铁摄影*/
.yxfjimg{
	width:200px;
	float:left;
	margin:10px 5px 5px;
}

.yxfjimg li span{
	width:180px;
	margin-top:3px;
}
.yxfjico{
	background: transparent url("/images/scenery/icon_yxfj0.png") no-repeat 0 5px;
	text-indent: 1.5em;
}
/* 友情链接 */

.link {
	border:1px solid #ccc;
	border-radius: 3px;
    background: #f5f5f5 none repeat scroll 0 0;
    clear: both;
    margin: 30px auto auto;
    line-height: 30px;
    height:60px;
  
    overflow: hidden;
    width: 980px;
}
.link ul{white-space: nowrap}
.link li {
    float: left;
    padding-left: 20px;
}

/* 运营 */
.yyclass{
	/* background: #fff none repeat scroll 0 0; 
	  height: 388px; */
    margin-bottom: 25px;
    position: relative;
}

/* 磁贴 */
.listct {
    /* background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede; */
    font-size: 12px;
    height: 129px;
    overflow: hidden;
    
    width: 980px;
    margin:0 0 20px;
    
}



.listct .list_box {
    width: 159px;
  	height:129px;
    float:left;
    background: url("/images/dtfw.jpg") repeat scroll 0 0;
}
.listct .list_box1 {
    width: 205px;
   height:129px;
    float:left;
     background:#ff461f none repeat scroll 0 0;
}
.listct .list_box2 {
    width: 205px;
  height:129px;
    float:left;
     background:#177cb0 none repeat scroll 0 0;
}
.listct .list_box3 {
    width: 205px;
   height:129px;
    float:left;
     background:#41de5b none repeat scroll 0 0;
}
.listct .list_box4 {
    width: 205px;
   height:129px;
    float:left;
     background:#ba9757 none repeat scroll 0 0;
}
.listct .list_box li {
    border-right: 1px solid #dedede;
    float: left;
    height: 130px;
    overflow: hidden;
    width: 238px;
}
.listct .intro {
    float: left;
    padding: 6px 6px 0;
   
}
.listct .intro2 {
	
}

.listct .intro2 img {
    float: left;
   border-radius: 50%;
    width: 90px;
    /*height: 90px;*/
    margin-top: 20px;
}
.listct .intro h3 {
    color: #fff;
    font-family: "黑体";
    font-size: 18px;
    margin: 0 0 0 10px;
}
.listct .intro p {
    clear: both;
    height: 12px;
    padding: 12px 0 16px;
}
.listct .title_left {
    float: left;
    padding-left: 0;
    padding-top: 5px;
}
.listct .title_left a:hover {
    color: #9dbf57;
}
.listct .title_right a:hover {
    color: #9dbf57;
}
.listct .title_left li, .list .title_right li {
    border: 0 none;
    clear: both;
    height: 14px;
    line-height: 14px;
    margin: 6px 0;
    padding-left: 11px;
    width: 89px;
}
.listct .title_left li a, .list .title_right li a {
    color: #fff;
   
}
.listct .title_right {
    float: left;
    padding-top: 0;
}
/* m */
#yyzx {
	width:660px;
	height:185px;
	float: left;
	border:1px solid #eee;border-radius:3px;
	background: none repeat scroll 0 0 #fff;
	position: relative;
	display: block;
	margin-bottom: 20px;
}
#yyzx .yyl{
	width:160px;
}
#yyzx .yyl img{
    position: absolute;
    text-align:center;
    margin:0 auto;
    border-right: 1px solid #eee;
}
#yyzx .yyr{
	text-align: left;
	float:right;
	width:480px;
}
#yyzx .yyr dd{
	background: transparent url(/images/ico/icon_wz0.png) no-repeat 0 10px;
	height: 30px;
    line-height: 30px;
    margin: 0 3px;
    width:450px;
    text-indent: 1.5em;
}
#yyzx .yyr dd span{
	text-align: right;
}

.yycx{
	width:300px;
	height:185px;
	float:right;
	border:1px solid #eee;border-radius:3px;
	background: #fff none repeat scroll 0 0;
}

.field{
	
	width:300px;
	height:25px;
	margin-top: 20px;
	margin-left: 30px;
	float:left;
}
.field input{width:160px;}
.field_btn{
	width:120px;
	height:25px;
	border:1px solid #555;
	line-height: 25px;
	text-align: center;
	margin-left:35px;
}
.field_btn a{
    width:120px;
    height:25px;
    display:block;
}
.field_btn:hover{
 background: #ccc none repeat scroll 0 0;
}
.icon_b .icon_a{
	width:80px;
}
.field div{
	
	float:left;
}
/*tpxw*/
#carousel {
	width: 660px;
	position: vrelative;
	float:left;
}

#carousel ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#carousel li {
	/* background: transparent url(tpxw_bg.png) no-repeat 0 0;  */
	text-align: left;
	display: block;
	width: 208px;
	
	padding: 0;
	margin: 3px;
	float: left;
	position: relative;
}

#carousel li img {
	width: 201px;
	height: 130px;
	margin-top: 10px;
	border: 1px solid #888;
}

#carousel li .ico {
	display: block;
	float: left;
	margin-top: 8px;
	width: 18px;
}

#carousel li span .wzico {
	width: 11px;
	height: 10px;
	border: none;
	margin-top: 6px;
}

#carousel li .tptext {
	/*  background: transparent url(icon_wz0.png) no-repeat 0 0;  */
	/* text-indent: 2em;  */
	display: block;
	margin-top: 8px;
	margin-left: 18px;
}

.clearfix {
	float: none;
	clear: both;
}

#carousel .next {
	background: url("/images/next.gif") no-repeat 0 0;
	float:right;
	display: block;
	width: 21px;
	height: 90px;
	bottom:175px;
	position: relative;
	
}


#carousel .next:hover {
	background: url("/images/next_o.gif") no-repeat 0 0;
	
}

